@media screen and (max-width: 1500px ) { .news_list .desc { max-height: 64px; } .ProductList_b1 li h3, .ProductList_b1 ul { font-size: 14px; } /*.MenuList_f1>ul>li>:first-child { font-size: 14px; }*/ } @media screen and (min-width:801px ) and (max-width: 1100px ) { .MenuList_f1 { top: 50px; width: 220px; } body.on .MenuList_f1 { height: calc(100vh - 50px); } .MenuList_f1>ul>li>:first-child:after { display: none; } .MenuList_f1>ul>li>:first-child a { padding: 0 30px 0 15px; line-height: 40px; height: 40px; } .MenuList_f1>ul>li ul li a { line-height: 35px; height: 35px; font-size: 12px; padding: 0 20px; } /*姹夊牎鎸夐挳*/ .menu-i { display: block; width: 50px; height: 50px; line-height:50px; } .menu-icon span, .menu-icon:before, .menu-icon:after { height: 2px; width: 20px; } .menu-icon:before, .menu-icon:after { margin-top: -1px; } .menu-icon:before { transform: translate(-50%, -8px); } .menu-icon:after { transform: translate(-50%, 8px); } .MenuList_f1>ul>li>:first-child.icon a:before { right: 15px; display: block; width: 6px; height: 6px; } #MenuList_f1_public-bg { height: calc(100% - 50px); top: 50px; } .menu-box { height: 50px } .menu-box .M { padding-right: 30px; } body.on .banner { margin-top: 50px; } } @media screen and (max-width: 1100px ) { .MenuList_f1>ul { border-top: 1px solid #eee; } body.on .menu-box { position: fixed; } .beian { text-align: center; } .banner-text p { max-height: 10.5vw; } .news_list .desc { max-height: 56px; } .support_text .text { height: 25vw; } .ProductList_b1 li h3, .ProductList_b1 ul { font-size: 12px; } .VideoList_d1 li span { font-size: 14px; } .ProductList_b1 li .picimg { height: 17vw; } .VideoList_d1 li a { height: 28vw; } .VideoDisplay_a1 h2 { font-size: 2.5vw; } .VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video, .NewsDetail_a1 #nc video, .NewsDetail_a1 #nc iframe { height: 50vw; } .MenuList_f1 { transition: 0.5s ease 0s; overflow: auto; line-height: normal; right: 0; position: absolute; background: #fff; z-index: 0; height: 0; } .MenuList_f1>ul>li>:nth-child(2) { display: none; background: #eee; } .MenuList_f1>ul>li:not(:first-child) { border-top: 1px solid #eee; } .MenuList_f1>ul>li ul li:not(:first-child) { border-top: 1px solid #f5f5f5; } .MenuList_f1>ul>li>:first-child.on { background: #1151cc; color: #fff; } .menu-slide { display: none; } } @media screen and (max-width: 800px ) { .menu-box { height: 14vw; } body.on .banner { margin-top: 14vw; } .menu-icon span, .menu-icon:before, .menu-icon:after { width: 7vw; } .menu-i { width: 14vw; height: 14vw; display: block; line-height:14vw; } .menu-icon:before { transform: translate(-50%, -2.5vw); } .menu-icon:after { transform: translate(-50%, 2.5vw); } .MenuList_f1 { top: 14vw; width: 100vw; } body.on .MenuList_f1 { height: calc(100vh - 14vw); } .MenuList_f1>ul>li>:first-child, .MenuList_f1>ul>li ul li a { line-height: normal; height: auto; } .MenuList_f1>ul>li>:first-child { font-size: 4.4vw; } .MenuList_f1>ul>li>:first-child a { padding: 3vw 6vw 3vw 3vw; } .MenuList_f1>ul>li ul li a { font-size: 3.8vw; padding: 3vw 5vw; } .MenuList_f1>ul>li>:first-child.icon a:before { right: 3vw; display: block; } .VideoList_d1 li a { height: 55vw; } .pc-menu-left>*, .pc-menu-right>* { height: 7vw; } .pc-menu-left .icon, .pc-menu-right .icon { width: 7vw; } .pc-menu-left, .pc-menu-right { top: 6vw; } .logo { width: 41vw; } .pc-menu-left .box { width: 70%; max-height: 70%; } .pc-menu-left .line:nth-child(2) { margin: 2vw 0; } .pc-menu-right .icon+.icon { margin-left: 1vw; } .pc-menu-left .icon { margin-left: 4vw; } .price ol li, .price dl>* { height: 12vw; } .price ol li, .price dl>* { width: 17.5%; } .price dl dd, .price ol li:first-child { width: 30%; } .beian>span { display: block; } .beian img { width: 4vw; display: none; } .beian>* { margin: 1vw 1.5vw; } .footer .B .img { width: 17%; } .footer { padding: 6vw 0; } .page_menu_bg { height: 19vw; } .NavList_a2 ul { font-size: 3.75vw; } .nav_slide { opacity: 0; } .nav-c.on+.NavList_a2 { transform: scale(1); opacity: 1; } .NavList_a2 ul { width: 100%; display: block; } .NavList_a2 a { border-top: 1px solid #e8e8e8; white-space: normal; padding: 4vw 5vw; border-radius: 0; display: block; text-align: left; } .NavList_a2 { transform-origin: top; transform: scale(1, 0); transition: 0.5s ease 0s; opacity: 0; position: absolute; left: 0; width: 100%; z-index: 0; border: 1px solid #ddd; border-top: none; overflow: auto; max-height: 54vw; background: #f3f5f7; } .NavList_a2 a.on { color: #fff; background: #1151cc; } .history .swiper-slide { width: 80%; } .history .swiper-slide { margin: 0 2.5%; } /*.history .line { height: 8vw; } .history .swiper-slide:nth-child(even) .text { margin-bottom: 3vw; } .history .swiper-slide:nth-child(odd) .text { margin-top: 3vw; } .history time { margin: 3vw 0; }*/ .about .s2 { padding: 10vw 0; } .btn2>* { padding: 3vw 5vw; } .about .s3 .flex { display: block; } .about .s3 .T>*, .about .s3 .B>* { height: 47vw; width: 100%; } .menu-box .box { padding-top: 19vw; } .ResTitle_a9 span { font-size: 4.4vw; } .ResTitle_a9 em { font-size: 3.75vw; margin-top: 2vw; display: none; } .head_menu { height: 100%; overflow: auto; text-align: center; -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; padding-top: 5vw; } .head_menu>li>a { padding-bottom: 0; } .head_menu>li:not(:last-child) { margin-bottom: 5vw; } .culture li { -webkit-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .culture li>* { width: 100%; min-height: 40vw; } .culture li .text, .news_list .text { padding: 5vw; } .culture dt { margin-left: 5vw; } .ClassList_b1 li i { width: 4.5vw; height: 4.5vw; margin-right: 2vw; } .photo_list { padding: 10vw 0; } .ProductList_b1 li h3 { font-size: 3.75vw; } .photo_list [class*="PhotoList"] li span, .ProductList_b1 li h3 { padding: 0 3vw 3vw; } .photo_list [class*="PhotoList"] li a { padding: 3vw; } .news_list li { width: 100%; margin-bottom: 5%; } .news_list .desc { max-height: none; } .news_list time:before { width: 3.5vw; height: 3.5vw; margin-right: 1.5vw; } .case_link>div { height: 35.5vw; } .case_link .icon { width: 6vw; min-width: 0; } .case { padding-bottom: 8vw; } .join_link { display: block; } .join_link .w-50 { width: 100%; } .join_link>div { height: auto; } .join_link .list { height: 50vw; } .case [class*="PhotoList"] li a { height: 20vw; } .case [class*="PhotoList"] li { margin-bottom: 2%; } .contact .swiper-slide .img { height: 50vw; } .contact .swiper-slide .info-box { padding: 5vw; height: calc(100% - 50vw); } .contact .swiper-slide>.flex { display: block } .contact .swiper-slide a { padding: 2vw 5vw; } .contact-pagination em { width: 14vw; margin: 0 2vw; } .contact .swiper-slide .info { padding: 5vw 0; } .products_select .icon { width: 5.5vw; } .contact_link li { width: 45%; padding: 5vw; } .NewsList_a1 li a:before { width: 5.5vw; margin-right: 3vw; height: 5.5vw; } .NewsList_a1 li .newnr { width: calc(100% - 8.5vw); } .NewsList_a1 li b { font-size: 3.75vw; } .contact_link li+li { margin-left: 3vw; } .NewsList_a1 li a { padding: 5vw 3vw; } #certify .swiper-slide { width: 90%; height: 46.5vw; } #certify .swiper-slide p { bottom: 3vw; padding: 0 5vw; } .products li, .products_select li { width: 100%; } .products .hover-box { height: 12vw; } .products_select .text { padding: 5vw; } .products_select span { word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product_logo img { max-width: 100%; max-height: 4vw; } .product_logo { display: block; width: 100%; } .products_select li:nth-child(even) a { -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .ProductList_b1 li { width: 49%; margin-bottom: 5%; } .ProductList_b1 li:nth-child(4n+1) { margin-left: 2%; } .ProductList_b1 li:nth-child(2n+1) { margin-left: 0; } .ProductList_b1 li .picimg { height: 33vw; padding: 3vw; } .login-box { width: 90.5%; padding: 10vw 5vw; min-width: 0; } .login-box label { width: 4.5vw; height: 4.5vw; } .login-box .list { padding: 4vw 3vw; } .login-box button { padding: 4vw 0; } .login-logo { width: 60%; } .product_detail .list-title strong { width: 30vw; padding: 2vw; } .down-box li a { padding: 4vw 10vw 4vw 20vw; } .down-box li { margin-bottom: 5vw; } .history:before { bottom: 10vw; } .support dd { width: 35vw; padding: 2.5vw; } .banner-text { } .contact_link .icon { height: 5vw; } .rid63 [class*="PhotoList"] li a { height: 80vw; } .ProductList_b1 ul { font-size: 3.75vw; } .rid63 [class*="PhotoList"] img { width: 100%; height: 100%; object-fit: cover; } .support .list-box .img { width: 100%; min-height: 49vw; } .support .list-box dl { width: 100%; padding: 5vw 0 0 0; } .support dt, .out_link .desc { padding-bottom: 5vw; } .out_link .btn a { padding: 3vw 10vw; } .VideoList_d1 li span { font-size: 4.4vw; } .VideoList_d1 li { width: 100%; margin-left: 0; font-size: 4.4vw; margin-bottom: 7vw; } .VideoDisplay_a1 h2 { font-size: 5vw; } .VideoDisplay_a1_C { margin-top: 5%; } .VideoDisplay_a1_back a { width: 33vw; height: 10vw; line-height: 10vw; font-size: 3.8vw; margin-top: 5vw; } .select_city select { width: 49%; padding: 3vw; } .select_city select+select { margin-left: 2%; } .network .list { width: 100%; } .network .list .text_content { padding:8vw 5vw; } .network .list .img { height: 60vw; } /*.network .list a { padding: 3vw 0; width: 100%; text-align: center; } .network .list .info { padding-top: 3vw; }*/ .network .list { margin-bottom: 5%; } .menu_btn_box { padding-right: 14vw; } .menu_btn_box .icon { width: 5vw; height: 5vw; margin-right: 0; } .menu_logo1, .language .btn span, .language .language_list span { display: inline-block; vertical-align: middle; } .language_list { color: #666; } .language .btn span { color: #333; margin-left: 1.5vw; } .menu_btn_box .btn, .language_list a { height: auto; line-height: normal; } .language { margin-left: 4vw; } .order-btn{margin-right: 4vw;} .language .btn span{display: none;} .language_list { position: fixed; width: 45%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); background: #fff; border-radius: 2vw; box-shadow: 0 1vw 2vw 0 rgba(0,0,0,0.1); padding: 0 5vw 3vw; opacity: 0; transition: transform 0s linear 0.3s, opacity 0.3s linear 0s; } .language.on .language_list { transform: translate(-50%, -50%) scale(1); transition: transform 0s linear 0s, opacity 0.3s linear 0s; opacity: 1; } .language_list a i { width: 3vw; margin-right: 2vw; } .NewsList_a1 li { width: 100%; } .language_list a i:before { width: 100%; background: #666; } .language_list a { padding: 2vw 0; } .menu_btn_box .btn a { background: none; } .language_list .border-close { border: none; } .language_list .border-close:before, .language_list .border-close:after { width: 100%; background: #666; } .contact .list+.list { margin-top: 5vw; } .job_desc .btn{margin-bottom:3vw;} .job_desc i{display:block; margin-left:0 !important;} .menu-i:before{font-size:3.75vw;} .beian>a, .product_link, #MenuList_f1_public-bg, .menu_btn_box span, .language .SJ, .menu_logo { display: none; } .head_menu .child { display: none !important; } }